<template>
	<view class="about">
		<view class="img">
			<image src="/static/icon/mine/about.png" class="logo" />
			<view class="title"> 版本V0.01最新版 </view>
		</view>
		<view class="desc" v-html="funText"> </view>
	</view>
</template>

<script setup>
	import { computed } from 'vue';
	import { useCommStore } from '@/store/index.js';
	const funText = computed(() => {
		const { comm } = useCommStore()
		return comm.about_us
	})
</script>

<style lang="scss" scoped>
	// 关于信购
	.about {
		width: 100%;
		padding: 10px 12px;
		box-sizing: border-box;
		.img {
			text-align: center;
			border-radius: 10px;
			background-color: #fff;
			.logo {
				width: 100px;
				height: 100px;
				margin: 30px 0 10px;
			}
			.title {
				color: #333333;
				font-size: 16px;
				font-weight: 500;
				line-height: 20px;
				padding-bottom: 20px;
			}
		}
		.desc {
			width: 100%;
			margin-top: 10px;
			min-height: 200px;
			padding: 10px 20px;
			border-radius: 10px;
			background-color: #fff;
			box-sizing: border-box;
		}
	}
</style>